<!-- 页面中的内容 -->

<div class="main-div">
    <form name="main_form" method="POST" action="{:url('add')}" enctype="multipart/form-data">
        <table cellspacing="1" cellpadding="3" width="100%">
			<tr>
				<td class="label">上级权限：</td>
				<td>
					<select name="pid" id="pid">
						<option value="0" level="0">顶级权限</option>
                        {volist name="auths" id="auth"} 
						<option value="{$auth.aid}" level="{$auth.auth_level+1}"><?php echo str_repeat('-----',$auth['auth_level']);?>{$auth.auth_name}</option>
                        {/volist}
					</select>
					<input type="hidden" name="level" id="authLevel" value="0" />
				</td>
			</tr>
            <tr>
                <td class="label">权限名称：</td>
                <td>
                    <input  type="text" name="pri_name" value="" />
                </td>
            </tr>
            <tr>
                <td class="label">控制器名称：</td>
                <td>
                    <input  type="text" name="ctl_name" value="" />
                </td>
            </tr>
            <tr>
                <td class="label">方法名称：</td>
                <td>
                    <input  type="text" name="act_name" value="" />
                </td>
            </tr>
            <tr>
                <td colspan="99" align="center">
                    <input type="submit" class="submit" value=" 确定 " />
                    <input type="reset" class="button" value=" 重置 " />
                </td>
            </tr>
        </table>
    </form>
</div>
<script>

	//为等级字段赋值
	var pid = $('#pid');
	pid.change(function(){
		var level = pid.find(':selected').attr('level');
		$('#authLevel').val(level);
	});

    // 让提交只能点一次
    $('.submit').click(function() {

        //三十秒内进制重复提交
        var sec = 30;

        //提交按钮
        var _this = $(this);

        //让提交按钮处于不能被点击的状态
        _this.attr('disabled','true').parents('form').submit();

        //设置一个定时器
        var time = setInterval(function() {

            //减少时间
            sec--;

            //改变提示文字
             _this.val('提交中('+sec+')');
            
            //当到达0秒后，清除disabled属性，并清空定时器
            if( sec <= 0 ) {
                
                _this.removeAttr('disabled').val('确定');

                clearInterval(time);
            }

        } , 1000);

    });
</script>